<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>修改信息</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/common.css" />
		<style type="text/css">
			.mui-table-view .mui-media-object {
			    line-height: 60px;
			    max-width: 60px;
			    height: 60px;
			    border-radius: 8px;
			    border: 1px solid #666;
			}
			.userName{
               margin-top: 11px !important;
			    width: 75% !important;
			    margin-left: 3% !important;
			    display: inline-block;
			}
			.mui-table-view-cell:after {
			    left: 0px;
			    background-color: #666;
			}
			.mui-table-view {
			    background-color: rgba(255,255,255,.5);
			}
			.leftDiv{
			    width: 20%;
    			display: inline-block;
    			text-align: center;
			}
			.rightDiv{
			    width: 75% !important;
			    display: inline-block;
			    white-space: nowrap;
			    text-overflow: ellipsis;
			    overflow: hidden;
			    position: relative;
			    top: 6px;
			    margin-left: 0% !important;
			}
			.mui-table-view-cell{
			    padding: 19px 15px;
			}
			.overBtn>button{
				font-size: 16px;
			    padding: 10px 0;
			    width: 100%;
			    margin: 40px 0 0 0;
			    background: rgba(255,255,255,.5);
			    color: #000;
			    border: none;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">修改信息</h1>
		</header>
		<div class="mui-content">
			<div class="bg-img">
				<ul class="mui-table-view">
				    <li class="mui-table-view-cell mui-media">
			            <img class="mui-media-object mui-pull-left" src="../../img/timg.jpg">
			            <input type="text" class="userName" value="晨曦" />
				    </li>
				    <li class="mui-table-view-cell">
				    	<div class="leftDiv">手机号</div>
				    	 <input type="text" class="rightDiv userName" value="17600382399" />
				    </li>
				    <li class="mui-table-view-cell">
				    	<div class="leftDiv">签名</div>
				    	<input type="text" class="rightDiv userName" value="小小的世界，有大大的翅膀" />
				    </li>
				</ul>
				<div class="mui-button-row overBtn">
			        <button type="button" class="mui-btn mui-btn-primary" >保存</button>
			    </div>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>